
<template>
  <!-- 公共的标题组件 -->
  <view class="common-tit">
    <view class="tit-desc">
      {{tit}}
    </view>
    <view class="btn-warp">
      {{btn}}
    </view>
  </view>
</template>

<script>
export default {
  props:{
    tit:{
      type:String,
      default:()=>'默认标题'
    },
    btn:{
      type:String,
      default:()=>'默认按钮'
    }
  }


}
</script>

<style lang='scss'>
.common-tit{  
  display: flex;
  justify-content: space-between;
  padding: 0 20rpx;
  margin: 20rpx 0;
  align-items:center;
  .tit-desc{
    font-size: 36rpx;
    color: #f3f3f3;
  }
  .btn-warp{
    border: 2rpx solid #484848;
    padding: 6rpx 20rpx;
    border-radius: 30rpx;



  }
}


</style>